<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>退换货申请_个人中心_华为商城</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/new.css" />
		<link rel="stylesheet" href="css/gzh/member.css" />
		<link rel="stylesheet" href="css/gzh/MemberOrder.css" />
		<link rel="stylesheet" href="css/gzh/MemberExchange.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/zxy/headAndFoot.css" />
		<script src="lib/jquery-3.3.1.min.js"></script>
		<script src="lib/bootstrap.min.js"></script>
		<script src="lib/vue.js"></script>
		<script src="js/zxy/headAndFoot/headAndFoot.js"></script>
		<style type="text/css">
			a{
	color: black;
}
a:hover{
	text-decoration: none;
}
#page{
	background: white;
}
#pageContent{
	background: white;
}


		</style>
	</head>

	<body>
		<div id="all">
			<div id="topAdv"><a href="#"><img src="img/zxy/headAndFoot/topAdv.jpg"></a><div onClick="closeAdv()" id="closeAdv">X</div></div>
			<div id="head">
				<div id="headBox">
					<div id="headTop">
						<ul id="topLeft">
							<li class="topLeftLi"><a href="#">首页</a></li>
							<li class="topLeftLi"><a href="#">华为官网</a></li>
							<li class="topLeftLi"><a href="#">荣耀官网</a></li>
							<li class="topLeftLi"><a href="#">花粉俱乐部</a></li>
							<li class="topLeftLi"><a href="#">帮助中心</a></li>
							<li class="topLeftLi"><a href="#">V 码 (优购码)</a></li>
							<li class="topLeftLi"><a href="#">首企业购页</a></li>
							<li class="topLeftLi"><a href="#">Select Region</a></li>
							<li class="topLeftLi" id="qrcode"><a href="#">下载 APP<span class="caret"></span></a>
								<div >
									<img src="img/zxy/headAndFoot/qrcode.png"/>
									<p>扫一扫，下载客户端</p>
								</div>
							</li>
							<li class="topLeftLi" id="more"><a href="#">更多精彩<span class="caret"></span></a>
								<ul >
									<div><a href="#">EMUI</a></div>
									<div><a href="#">应用市场</a></div>
									<div><a href="#">华为终端云空间</a></div>
									<div><a href="#">开发者联盟</a></div>
								</ul>
						   </li>
						</ul>
						<ul id="topRight">
							<li class="topRightLi">
								<div id="loged" v-if="ifLogin">
									<a href="#">userName</a>
									<div id="userDrop">
										<div id="userInfo">
											<div id="userLeft">
												<a href="#"><img src="img/zxy/headAndFoot/img_logged_in.png" width="90px" height="90px"/></a>
											</div>
											<div id="userRight">
												<p><a>userName</a></p>
												<a href="#" class="realName"><span></span>未实名</a>
												<a href="#" class="i-mail"><span></span>站内信</a>
											</div>
										</div>
										<div id="userOrder">
											我的订单
											<a href="#">更多 ></a>
										</div>
										<div id="orderList">
											<ul>
												<li><a href="#">待支付</a></li>
												<li><a href="#">待收货</a></li>
												<li><a href="#">待评价</a></li>
												<li><a href="#">退换货</a></li>
												<li><a href="#">旧机回收</a></li>
											</ul>
										</div>
										<div id="otherInfo">
											<div class="discount">
												<a href="#"><span class="img01"></span></a>
												<p class="points">积分</p>
												<span>0分</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img02"></span></a>
												<p class="points">优惠券</p>
												<span>0张</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img03"></span></a>
												<p class="points">代金券</p>
												<span>0.00元</span>
											</div>
										</div>
										<div id="logout"><a href="#">退出登录</a></div>
									</div>
								</div>
								<div id="unlogin" v-else>
									<a href="#">请登录</a>
									<a href="#">注册</a>
								</div>
							</li>
							<li class="topRightLi" id="myOrder">
								<a href="#">我的订单</a>
							</li>
							<li class="topRightLi" id="cartShop">
								<a href="#">
									<span class="cartImg"></span>
									购物车(<font id="cartShopNum">0</font>)
								</a>
								<div class="miniCart" id="emptyCart" v-if="ifEmpty">
									<img src="img/zxy/headAndFoot/空购物车.png" width="100px" height="100px"/>
									<p>您的购物车是空的，赶紧选购吧~</p>
								</div>
								<div class="miniCart" id="cartShopBox" v-else>
									<ul class="cartShopBoxUl">
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										
									</ul>
									<div id="minicartBalance">
										<p>
											<span>总计:</span>
											<font>¥ 15043.00</font>
										</p>
										<a href="#">立即结算</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div id="header">
						<div class="left">
							<a href="#"><img src="img/zxy/headAndFoot/logo.png" /></a>
							<ul>
								<li><a href="#">华为专区</a></li>
								<li><a href="#">荣耀专区</a></li>
								<li><a href="#">HUAWEI P20</a></li>
								<li><a href="#">荣耀 10</a></li>
								<li><a href="#">nova 3i</a></li>
								<li><a href="#">荣耀 V10</a></li>
							</ul>
						</div>
						<div class="right">
							<div class="input-group">
							  <input type="text" class="form-control" placeholder="荣耀 Note10" aria-describedby="sizing-addon3">
							  <span class="input-group-btn">
					          	<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
					          </span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="page">
				<div  class="mc-index">
				<div class="hr10"></div>
				<div id="pageContent">
					<div class="g">
						<div class="breadcrumb-area fcn">
							<a href="#">首页</a>
							&nbsp;&gt;&nbsp;
							<em><a href="http://127.0.0.1:8020/Vmall/member.html?__hbt=1536660283026">我的商城</a></em>
							<em>&nbsp;&gt;&nbsp;
								<span>我的订单</span>
							</em>
						</div>
					</div>
					<div class="hr10"></div>
					<div class="g">
						<div class="pull-left u-1-5">
							<div class="member_body_left">
					<div class="h"><a href="http://127.0.0.1:8020/Vmall/member.html?__hbt=1536660283026"><span>我的商城</span></a></div>
					<div class="b">
						<ul>
							<li>
								<h3 class="member_body_left_mail"><a href="#"><span id="li_msg">站内信</span></a></h3>
							</li>
							<li>
                				<h3 class="member_body_left_help"><a href="#" target="_blank"><span>帮助中心</span></a></h3>
            				</li>
            				<li>
            					<h3 class="member_body_left_order"><span>订单中心</span></h3>
            					<ol>
				                	<li id="li-order"><a href="http://127.0.0.1:8020/Vmall/MemberOrder.html?__hbt=1536659797738"><span>我的订单</span></a></li>
				                	<li id="li-order-small"><a href="#"><span>小程序订单</span></a></li>
				                    <li id="li-exchange"><a href="http://127.0.0.1:8020/Vmall/MemberExchange.html?__hbt=1536659870992"><span>我的退换货</span></a></li>
				               		<li id="li-refunds"><a href="#"><span>我的退款</span></a></li>
									<li id="li-recover"><a href="#"><span>我的回收单</span></a></li>
				                    <li id="li-prdRemark"><a href="#"><span>商品评价</span></a></li>
				                </ol>
            				</li>
            				<li>
            					<h3 class="member_body_left_asset"><span>我的资产</span></h3>
					                <ol>
					                    <li id="li-newpoint"><a href="#"><span>我的积分</span></a></li>
					                    <li id="li-coupon"><a href="#"><span>我的优惠券</span></a></li>
					                    <li id="li-balance"><a href="#"><span>我的代金券</span></a></li>
					                    <li id="li-petal"><a href="#"><span>我的花瓣</span></a></li>
					                    <li id="li-point"><a href="#"><span>等级与特权</span></a></li>
					                </ol>
            				</li>
            				<li>
				                <h3 class="member_body_left_support"><span>购买支持</span></h3>
					            	<ol>
					                    <li id="li-myAddress"><a href="http://127.0.0.1:8020/Vmall/MemberMyaddress.html?__hbt=1536660370006"><span>收货地址管理</span></a></li>
					                    <li id="li-authentication"><a href="#"><span>实名认证</span></a></li>
										<li id="li-myAppointment"><a href="#"><span>我的预约</span></a></li>
					                    <li id="li-notification"><a href="#"><span>到货通知</span></a></li>
					                </ol>
				            </li>
						</ul>
							</div>
						</div>
						</div>
						<div class="pull-right u-4-5">
							<div class="section-header section-header-new ">
							    <div class="pull-left" id="Sh-Order">
							        <h2><span>我的退换货</span></h2>
							    </div>
							    
					</div>
					<div class="myorder-hd clearfix">
						<div class="tab fl">
							<ul class="clearfix">
							<li>
								<a href="javascript:;" onclick="ec.member.exchange.check(this,'applyTemp');">
									<span>申请退换货</span></a>
							</li>
							<li class="current"><a href="javascript:;" onclick="ec.member.exchange.check(this,'recordTemp');">
								<span>退换货记录</span></a>
							</li>
							</ul>
						</div>
						<div class="link fr">
			        		<a target="_blank" href="https://www.vmall.com/help/faq-5259.html">退换货流程</a>
			        		<a target="_blank" href="https://www.vmall.com/help/faq-834.html">退换货政策</a>
			        	</div>
					</div>
					<div class="exchange-apply hide">
						<div class="prevention-fraud-new">
							<p class="prevention-fraud-tips">
							注意：华为商城不会以订单异常、系统升级为由，要求您点击任何链接进行退款！ 请谨防<span>钓鱼链接和诈骗电话</span>！
							</p>
						</div>
						<div class="myorder-list">
							<div class="myorder-list-main">
								
								<div class="myorder-list-status">
									<ul class="clearfix">
							            <li>订单商品信息<span class="gray">（仅展示30天数据）</span></li> 
							            <li>数量</li>
							            <li>实付总额</li>
							            <li>操作</li>
									</ul>
								</div>
						        <div class="myorder-list-item" id="typeOneID">
									
								</div>
							</div>
			
							<div class="list-group-page">
								<div class="pager" id="list-pager-typeOneID"></div>
				        	</div>

			</div>
		</div>
					
					<div class="exchange-list">
        
			        	<div class="prevention-fraud-new">
							<p class="prevention-fraud-tips">
							注意：华为商城不会以订单异常、系统升级为由，要求您点击任何链接进行退款！ 请谨防<span>钓鱼链接和诈骗电话</span>！
							</p>
						</div>
						
						<div class="myorder-list">
							<div class="myorder-list-main">
								<div class="myorder-list-status myorder-list-record" id="list-group-title">
									<ul class="clearfix">
										<li class="myorder-list-record">
											<div class="myorder-time">
												<span id="sixMonthID" onmouseover="ec.member.exchange.showList(this)">最近六个月</span>
												<dl onmouseleave="ec.member.exchange.hideList(this)" style="display: block;">
													<dd><a  href="javascript:;" onclick="ec.member.exchange.cateLive(this,1);">最近六个月</a></dd>
													<dd><a href="javascript:;" onclick="ec.member.exchange.cateLive(this,0);">六个月以前</a></dd>
												</dl>
											</div>
											<span>退换货订单信息</span>
										</li>
							            <li>状态</li>
							            <li>操作</li>
									</ul>
								</div>
						        
						        <div class="myorder-list-item" id="typeTwoID"><div class="list-group-empty">您暂时没有相关记录。</div></div>
							</div>
			
							<div class="list-group-page">
								<div class="pager" id="list-pager-typeTwoID"></div>
							</div>
			
						</div>
			
					</div>
						
						</div>
				</div>
			</div>
		</div>
			</div>

			<div id="foot">
				<div id="footBox">
					<div id="footTop">
						<div>
							<a href="#">
								<span class="slogan1"></span>
								<span>百强企业 品质保证</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan2"></span>
								<span>7 天退货 15 天换货</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan3"></span>
								<span>48 元起免运费</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan4"></span>
								<span>448 家维修网点 全国联保</span>
							</a>
						</div>
					</div>
					<div id="footMid">
						<div class="footList">
							<ul>
								<p>购物相关</p>
								<li>
									<a href="#">购物指南</a>
								</li>
								<li>
									<a href="#">配送方式</a>
								</li>
								<li>
									<a href="#">支付方式</a>
								</li>
								<li>
									<a href="#">常见问题</a>
								</li>
							</ul>
							<ul>
								<p>保修与退换货</p>
								<li>
									<a href="#">保修政策</a>
								</li>
								<li>
									<a href="#">退换货政策</a>
								</li>
								<li>
									<a href="#">退换货流程</a>
								</li>
								<li>
									<a href="#">保修状态查询</a>
								</li>
								<li>
									<a href="#">配件防伪查询</a>
								</li>
							</ul>
							<ul>
								<p>维修与技术支持</p>
								<li>
									<a href="#">售后网点</a>
								</li>
								<li>
									<a href="#">预约维修</a>
								</li>
								<li>
									<a href="#">手机寄修</a>
								</li>
								<li>
									<a href="#">备件价格查询</a>
								</li>
								<li>
									<a href="#">上门服务</a>
								</li>
							</ul>
							<ul>
								<p>关于我们</p>
								<li>
									<a href="#">公司介绍</a>
								</li>
								<li>
									<a href="#">华为商城简介</a>
								</li>
								<li>
									<a href="#">华为线下门店</a>
								</li>
								<li>
									<a href="#">荣耀线下门店</a>
								</li>
								<li>
									<a href="#">诚征英才</a>
								</li>
							</ul>
							<ul>
								<p>关注我们</p>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">腾讯微博</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
							</ul>
							<ul>
								<p>友情链接</p>
								<li>
									<a href="#">华为官网</a>
								</li>
								<li>
									<a href="#">华为商城手机版</a>
								</li>
								<li>
									<a href="#">荣耀官网</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
							</ul>

						</div>
						<div class="serviceTel">
							<p>400-088-6888</p>
							<span>24 小时客服热线（仅收市话费）</span>
							<a>
								<div>
									<font>在线客服</font>
								</div>
							</a>
						</div>
					</div>
					<div id="footBottom">
						<div id="copyright">
							<div id="copyrightLeft"><a href="#"><div></div></a></div>
							<div id="copyrightMid">
								<p><a>隐私声明</a> <a>服务协议</a> Copyright © 2012-2018 华为软件技术有限公司 版权所有 保留一切权利</p>
								<p>公安备案 苏公网安备 32011402010009 号 | 苏 ICP 备 17040376 号 - 6 | 增值电信业务经营许可证：苏 B2-20130048 号 |</p>
							</div>
							<div id="copyrightLogo">
								<a href="#"><img src="img/zxy/headAndFoot/copyright1.jpg"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright2.png"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright3.png"  width="70px" height="24px" /></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright4.png"  width="70px" height="24px" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>